/*
 * @Author: chengsl
 * @Date: 2023-01-09 15:26:07
 * @LastEditors: chengsl
 * @LastEditTime: 2023-01-09 15:27:31
 * @Description: 多组折线图 widgetLineStackChart
 */
export default {
  grid: { left: 10, right: 40, bottom: 10, top: 50, containLabel: true },
  legend: {
    textStyle: { color: '#A9B2BC', fontSize: 12 },
    show: true,
    left: 'center',
    top: 'top',
    bottom: 'top',
    orient: 'horizontal',
    itemGap: 40,
    itemWidth: 20,
    data: ['A', 'B']
  },
  xAxis: {
    type: 'category',
    show: true,
    boundaryGap: true,
    name: '',
    nameTextStyle: { color: '#fff', fontSize: 14 },
    inverse: false,
    axisLabel: {
      show: true,
      interval: 0,
      margin: 15,
      rotate: 0,
      textStyle: { color: '#A9B2BC', fontSize: 14 }
    },
    axisLine: {
      show: true,
      lineStyle: { color: 'rgba(32,45,92,0.5)', width: 2 }
    },
    axisTick: { show: true },
    splitLine: { show: false, lineStyle: { color: '#fff' } },
    data: ['07-25', '07-26', '07-27', '07-28', '07-29', '07-30']
  },
  yAxis: {
    type: 'value',
    show: true,
    name: '',
    nameTextStyle: { color: '#A9B2BC', fontSize: 14, align: 'center' },
    splitNumber: 5,
    inverse: false,
    axisLabel: {
      show: true,
      rotate: 0,
      textStyle: { color: '#fff', fontSize: 14 }
    },
    splitArea: {
      show: true,
      areaStyle: { color: ['rgba(32,45,92,0.1)', 'rgba(32,45,92,0.5)'] }
    },
    axisLine: {
      show: true,
      lineStyle: { color: 'rgba(32,45,92,0.5)', width: 2 }
    },
    splitLine: {
      show: true,
      lineStyle: { color: 'rgba(32,45,92,0.5)', width: 2 }
    },
    data: []
  },
  series: [
    {
      name: 'A',
      type: 'line',
      data: ['12', '25', '15', '42', '32', '21'],
      width: 2,
      symbol: 'circle',
      showSymbol: true,
      symbolSize: 8,
      smooth: false,
      lineStyle: { color: '#0060FF', width: 2 },
      itemStyle: { color: '#0060FF', borderColor: '#ffffff', borderWidth: 2 },
      areaStyle: { opacity: 0 },
      label: {
        show: false,
        position: 'top',
        distance: 10,
        fontSize: 14,
        color: '#fff',
        fontWeight: 'normal'
      }
    },
    {
      name: 'B',
      type: 'line',
      data: ['20', '5', '30', '18', '41', '33'],
      width: 2,
      symbol: 'circle',
      showSymbol: true,
      symbolSize: 8,
      smooth: false,
      lineStyle: { color: '#3BD6FF', width: 2 },
      itemStyle: { color: '#3BD6FF', borderColor: '#ffffff', borderWidth: 2 },
      areaStyle: { opacity: 0 },
      label: {
        show: false,
        position: 'top',
        distance: 10,
        fontSize: 14,
        color: '#fff',
        fontWeight: 'normal'
      }
    }
  ],
  title: {
    text: '',
    show: true,
    left: 'center',
    textStyle: { color: '#FFD700', fontSize: 20, fontWeight: 'normal' },
    subtext: '',
    subtextStyle: { color: '#fff', fontWeight: 'normal', fontSize: 20 }
  },
  tooltip: {
    trigger: 'axis',
    show: true,
    axisPointer: { type: 'line' },
    textStyle: { fontSize: 16 }
  }
}
